<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>项目卡片</title>
		<link rel="stylesheet" type="text/css" href="assets/css/comm.css" />
		<link rel="stylesheet" type="text/css" href="assets/js/src/css/layui.css" />
		<link rel="stylesheet" type="text/css" href="assets/css/navigation.css" />
		<link rel="stylesheet" type="text/css" href="assets/css/ProjectCard.css" />
	</head>

	<body>
		<div class="container">
			<div class="navigation before">
			</div>
			<div class="content">
				<header class="">
					<div class="left">
						<img class="logo ahref" src="assets/images/departmental-charge/logo.svg">
						<h1>项目卡片</h1>
						<div class="search" style="border-right: 0;margin-left: 16px; ">
							<div class="year">
								<p>时间：</p>
								<input type="text" name="" id="year1" value="" />
							</div>
							<div class="section2">
								<p>任务号：</p>
								<div class="sector">
									<div class="">
										<span></span>
									</div>
								</div>
								<div class="options">

								</div>
							</div>
						</div>
						<time></time>
					</div>
					<div class="right">
						<div class="tabbar">
							<a href="ProjectLibrary.html">成本项目</a>
							<a class="active" href="javascript:;">项目卡片</a>
							<a href="income.html">收入</a>
							<a href="expenditure.html">支出</a>
						</div>
					</div>
				</header>
				<div class="wrapper" style="padding:16px;">
					<div class="ProjectCard-content">
						<h3>任务2170-01#</h3>
						<!-- 111 -->
						<div class="rwhDetail">

						</div>
						<!-- 222 -->
						<div class="costBreakdown">
							<div>
								<div style="display: flex; justify-content: space-between;">
									<h4>成本明细</h4>
									<p class="dw"> (金额单位：万元) </p>
								</div>
							</div>
							<div class="typical_content">
								<table id="newsList" lay-filter="newsList"></table>
							</div>
						</div>
						<!-- 333 -->
						<div class="tables">
							<div class="tables-tab">
								<div class="tab tabActive">计划收入</div>
								<div class="tab">实际收入</div>
								<div class="tab">EMS计划总数</div>
								<div class="tab">计划支出</div>
								<div class="tab">实际支出</div>
							</div>
							<div class="tables-data">
								<div style="display: block;">
									<div style="display: flex;justify-content: space-between;">
										<p>计划收入明细表</p>
										<div class="dw">(金额单位：万元)</div>
									</div>
									<div>
										<div class="JHSR_typical_content">
											<table id="JHSR" lay-filter="JHSR"></table>
										</div>
										<div id="JHSRlaypage"></div>
									</div>
								</div>
								<div>
									<div class="shijishouru">
										<div style="display: flex;justify-content: space-between;">
											<div class="sjsrTabs">
												<div class="sjsr-tab sjsr-tab-active">年度实际收入明细表</div>
												<div class="sjsr-tab">凭证流水</div>
											</div>
											<div class="dw">(金额单位：万元)</div>
										</div>

										<div class="sjsrTable">
											<!-- 年度实际收入明细表 -->
											<div style="display: block;">
												<div class="JHSR_typical_content">
													<table id="NDSJ" lay-filter="NDSJ"></table>
												</div>
												<div id="NDSJlaypage"></div>
											</div>
											<!-- 凭证流水 -->
											<div>
												<div class="PZLS_typical_content">
													<table id="PZLS" lay-filter="PZLS"></table>
												</div>
												<div id="PZLSlaypage"></div>
											</div>
										</div>

									</div>
								</div>
								<div>
									<div style="display: flex;justify-content: space-between;">
										<p>EMS计划总数明细表</p>
										<div class="dw">(金额单位：万元)</div>
									</div>
									<div>
										<div class="EMS_typical_content">
											<table id="EMS" lay-filter="EMS"></table>
										</div>
										<div id="EMSlaypage"></div>
									</div>
								</div>
								<div>
									<div style="display: flex;justify-content: space-between;">
										<p>计划支出明细表</p>
										<div class="dw">(金额单位：万元)</div>
									</div>
									<div>
										<div class="JHZC_typical_content">
											<table id="JHZC" lay-filter="JHZC"></table>
										</div>
										<div id="JHZClaypage"></div>
									</div>
								</div>
								<div>
									<div style="display: flex;justify-content: space-between;">
										<p>实际支出明细表</p>
										<div class="dw">(金额单位：万元)</div>
									</div>
									<div>
										<div class="JHZC_typical_content">
											<table id="SJZC" lay-filter="SJZC"></table>
										</div>
										<div id="SJZClaypage"></div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<script src="assets/js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="assets/js/http/api.js" type="text/javascript" charset="utf-8"></script>
		<script src="assets/js/test.js" type="text/javascript" charset="utf-8"></script>
		<script src="assets/plugins/chartlib.js" type="text/javascript"></script>
		<script src="assets/plugins/comm.js" type="text/javascript" charset="utf-8"></script>
		<script src="assets/js/echarts.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="assets/js/src/layui.js" type="text/javascript" charset="utf-8"></script>
		<script src="assets/js/navigation.js" type="text/javascript" charset="utf-8"></script>
		<script src="assets/js/ProjectCard.js" type="text/javascript" charset="utf-8"></script>
	</body>

</html>
